@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 750px) {
    .pc {
        display: none;
    }
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        /* font-family:Microsoft YaHei; */
        /*background: transparent;*/
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    fieldset, img {
        border: 0;
    }
    address, caption, cite, code, dfn, em, strong, th, var {
        font-style: normal;
        font-weight: normal;
    }
    ol, ul {
        list-style: none;
    }
    caption, th {
        text-align: left;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 200%;
        font-weight: normal;
    }
    :focus {
        outline: 0;
    }
    a {
        text-decoration: none;
    }
    a:hover img {
        border: none;
    }
    img {
        width: 100%;
    }
    .top {
        width: 80%;
        height: 80px;
        text-align: center;
        margin: 0 auto;
    }
    .top img {
        width: 100%;
        margin-top: 20px;
    }
    .phone-nav {
        width: 100%;
        height: 150px;
        background: #0044b1;
    }
    .phone-nav ul li {
        display: inline-block;
        width: 32%;
        text-align: center;
    }
    .phone-nav ul li a {
        color: #fff;
        line-height: 48px;
        font-size: 18px;
    }
    .phone-newsimg {
        width: 96%;
        margin: 10px auto;
    }
    .lunbo1 {
        width: 100%;
        height: auto;
    }
    .dd1 {
        width: 100%;
        height: 32px;
        background-color: #000;
        opacity: 0.88;
        filter: alpha(opaity=88);
        color: #fff;
        font-size: 14px;
        position: absolute;
        bottom: 0px;
        text-align: left;
    }
    .dd1 > span {
        display: block;
        height: 32px;
        line-height: 32px;
        margin-left: 10px;
        width: 230px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        color: #fff;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 8px;
        left: 126px !important;
        width: 100%
    }
    .phone-newscon {
        width: 96%;
        margin: 10px auto;
    }
    .new-titt {
        width: 100%;
        height: 58px;
        border-bottom: 1px solid #b3d0ff;
    }
    .new-titt ul li {
        float: left;
        width: 25%;
        text-align: center;
        line-height: 55px;
        font-size: 20px;
        font-weight: 500;
        color: #333;
    }
    .new-titt ul li.on {
        border-bottom: 3px solid #0044b1;
        font-weight: 600;
        color: #333;
    }
    .new-page {
        width: 100%;
        position: relative;
    }
    .new-page ul li {
        background: url("../images/newd1.png") no-repeat left center transparent;
        padding-left: 20px;
        position: relative;
        zoom: 1;
        line-height: 45px;
    }
    .new-page ul a img {
        width: 9%;
        position: absolute;
        right: 0;
        top: -35px;
    }
    .new-page ul li a {
        font-size: 16px;
        color: #333;
    }
    .new-page ul li span {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 15px;
        color: #333;
    }
    .phone-news {
        width: 96%;
        margin: 0 auto;
    }
    .phone-news > p {
        width: 100%;
        margin: 0 auto 10px auto;
        height: 52px;
        background: #dfebff;
    }
    .phone-news > p > a {
        float: right;
        margin-top: 10px;
        margin-right: 2px;
    }
    .phone-news > p > span {
        display: inline-block;
        width: 40%;
        height: 52px;
        background: #3a8fe7;
        font-size: 20px;
        line-height: 52px;
        color: #fff;
    }
    .phone-news > p > span > img {
        float: left;
        margin: 14px 10px 0 15px;
        width: 18%;
    }
    .phone-news ul li {
        background: url("../images/newd1.png") no-repeat left center transparent;
        padding-left: 20px;
        position: relative;
        zoom: 1;
        line-height: 45px;
    }
    .phone-news ul li a {
        font-size: 16px;
        color: #333;
    }
    .phone-news ul li span {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 15px;
        color: #333;
    }
    .phone-ztzl {
        width: 100%;
        height: auto;
        text-align: center;
    }
    .lunbo5 {
        width: 96%;
        margin: 20px auto;
    }
    .bottom {
        width: 100%;
        background: #3277e7;
    }
    .bottom::before {
        content: '';
        display: table;
    }
    .bottom-con {
        width: 96%;
        margin: 20px auto;
        text-align: center;
    }
    .bottom-con p {
        color: #fff;
        font-size: 16px;
        line-height: 30px;
    }
    .bottom-img {
        width: 96%;
        margin: 0 auto;
        text-align: center;
    }
    .bottom-img img {
        margin-right: 20px;
        vertical-align: middle;
        width: 20%;
    }
    .lb-title {
        width: 96%;
        margin: 20px auto;
    }
	.lb-title img {
        width: 22px;
        vertical-align: middle;
    }
	.lb-title a {
        color: #333;
    }
    .essay-con {
        width: 96%;
        margin: 20px auto;
    }
    .title_xx {
        text-align: center;
        display: block;
        box-sizing: border-box;
        padding: 0 10px;
        font-size: 22px;
        font-weight: 600;
    }
    .small {
        text-align: center;
    }
    .content {
        width: 98%;
        margin: 0 auto;
    }
    .content p {
        font-size: 16px;
        line-height: 39px;
        text-align: justify;
    }
    .content p.p1 {
        text-align: center;
    }
    /*专题页面样式*/
    .zt-con {
        width: 100%;
        margin: 0 auto;
    }
    .zt-con1 {
        width: 96%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .zt-con1 a:first-child {
        margin-right: 10px;
    }
	/*青岛市第六届运动会运动会新增*/
	.ydh{width: 100%;}
	.ydh img{width: 100%;}
	.news1{width:96%;margin: 10px auto;}
	.news-container1 {
    width:96%;
    height: 395px;
    float:none;
}
.ne5 {
    width:100%;
    height: 47px;
    border-bottom: 1px solid #d7d7d7;
}
	.qd-list{width:100%;border:1px solid #e5e5e5;position: relative;float: none;}
	.qd-list h2>img{position: absolute;top:5px;left:0;width: 15%;}
	.hy-hz{width:96%;margin: 0 auto;}
	.hz1{width: 100%;float: none;}
	.hz2{width: 100%;float:none;}
	.nen5 {
    width:100%;
}
		/*2025年3月28日新增*/
	.qd-phb{width:100%;border:1px solid #e5e5e5;position: relative;float: none;height: 400px;}
	.qd-phb h2>img{position: absolute;top:5px;left:0;width: 15%;}
	.hy-hz{width:96%;margin: 0 auto;}
	.hz1{width: 100%;float: none;}
	.hz2{width: 100%;float:none;}
	.nen5 {
    width:100%;
}
	.hz2 ul li a {
    font-size: 16px;
		display: inline-block;
		width: 70%;
		overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
	.hz1 ul li a {
    font-size: 16px;
		display: inline-block;
		width: 70%;
		overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
	
	
}